import 'package:flutter/material.dart';

class Settings extends StatefulWidget{
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return SettingsState();
  }
}

class SettingsState extends State<Settings> {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      backgroundColor: Color(0xff7500ff),
      appBar: AppBar(
          automaticallyImplyLeading: false,
        backgroundColor: Color(0xff7500ff),
        title: Text(
          'Settings',
          style: TextStyle(
            color: Colors.white,
            fontSize: 20,
            fontWeight: FontWeight.bold,
          ),
        ),
      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
            Container(
              width: MediaQuery.of(context).size.width,
              alignment: Alignment.center,
              child: Column(
                children: [
                  Container(
                    margin: EdgeInsets.only(left: 150),
                    child: Row(
                      children: [
                        Text(
                            'You have ',
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 13,
                            fontWeight: FontWeight.w500,
                          ),
                          ),
                        Text(
                          '0',
                          style: TextStyle(
                            color: Color(0xffea9d53),
                            fontSize: 13,
                            fontWeight: FontWeight.w500,
                          ),
                        ),
                        Image.asset(
                            'assets/image/send_pic.png',
                            width: 10,
                            height: 10,
                          color: Color(0xffea9d53),
                          ),
                        Text(
                            'in total',
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 13,
                            fontWeight: FontWeight.w500,
                          ),
                        ),
                      ],
                    ),
                  ),//顶部中间文字
                  Container(
                    margin: EdgeInsets.only(left: 150),
                    child: Row(
                      children: [
                        Text(
                            'GO TO THE STORE',
                          style: TextStyle(
                            color: Colors.grey[400],
                            fontSize: 10,
                          ),
                        ),
                        Icon(
                          Icons.arrow_right,
                          color: Colors.grey[400],
                        ),
                      ],
                    ),
                  ),//顶部第二行文字
                  const SizedBox(height: 15,),
                  Container(
                    padding: EdgeInsets.only(top: 13),
                    color: Color(0xff4902a0),
                    height: 70,
                    width: MediaQuery.of(context).size.width,
                    child: Row(
                      children: [
                        Stack(
                          children: [
                            Container(
                              margin: EdgeInsets.only(bottom: 10),
                              child: Image.asset(
                                  'assets/image/send_pic.png'
                              ),
                            ),
                            Positioned(
                              left: 25,
                                top: 30,
                                child: Icon(
                                  Icons.add,
                                ),
                            ),
                          ],
                        ),
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text(
                              'xiao',
                              style: TextStyle(
                                color: Color(0xffea9d53),
                                fontSize: 15,
                              ),
                            ),
                            Text(
                              'ViewProfile',
                              style: TextStyle(
                                color: Colors.white,
                                fontSize: 18
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),//信息
                  const SizedBox(height: 2,),
                  GestureDetector(
                    onTap: (){
                    },
                    child: Container(
                      padding: EdgeInsets.only(top: 13),
                      height: 70,
                      color: Color(0xff4902a0),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: [
                          Container(
                            child: Column(
                              children: [
                                Text(
                                  '0',
                                  style: TextStyle(
                                    color: Color(0xffea9d53),
                                    fontSize: 18,
                                  ),
                                ),
                                Text(
                                  'LIKES',
                                  style: TextStyle(
                                    color: Colors.white,
                                    fontSize: 15,
                                  ),
                                ),
                              ],
                            ),
                          ),
                          Container(
                            child: Column(
                              children: [
                                Text(
                                  '0',
                                  style: TextStyle(
                                    color: Color(0xffea9d53),
                                    fontSize: 18,
                                  ),
                                ),
                                Text(
                                  'CREDITS',
                                  style: TextStyle(
                                    color: Colors.white,
                                    fontSize: 15,
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),//中间
                  const SizedBox(height: 15,),
                  GestureDetector(
                      behavior: HitTestBehavior.opaque,
                      onTap: () {
                      },
                      child: Container(
                        padding: EdgeInsets.only(top: 12),
                        height: 70,
                        color: Color(0xff4902a0),
                        child: Row(
                          children: <Widget>[
                            Container(
                              margin: EdgeInsets.only(bottom: 15),
                              child: Image.asset(
                                'assets/image/send_pic.png',
                                width: 50,
                                height: 50,
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 10),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    'Store',
                                    style: TextStyle(
                                      color: Color(0xffea9d53),
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                  Text(
                                    'Need credis? You can buy here',
                                    style: TextStyle(
                                      color: Colors.white,
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                              child: Container(),
                            ),
                            Icon(
                              Icons.chevron_right,
                              color: Color(0xffea9d53),
                            ),
                          ],
                        ),
                      )),
                  const SizedBox(height: 2,),
                  GestureDetector(
                      behavior: HitTestBehavior.opaque,
                      onTap: () {
                      },
                      child: Container(
                        padding: EdgeInsets.only(top: 12),
                        height: 70,
                        color: Color(0xff4902a0),
                        child: Row(
                          children: <Widget>[
                            Container(
                              margin: EdgeInsets.only(bottom: 15),
                              child: Image.asset(
                                'assets/image/send_pic.png',
                                width: 50,
                                height: 50,
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 10),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    'Profile Views',
                                    style: TextStyle(
                                      color: Color(0xffea9d53),
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                  Text(
                                    'See who looked at your profile',
                                    style: TextStyle(
                                      color: Colors.white,
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                              child: Container(),
                            ),
                            Icon(
                              Icons.chevron_right,
                              color: Color(0xffea9d53),
                            ),
                          ],
                        ),
                      )),
                  const SizedBox(height: 2,),
                  GestureDetector(
                      behavior: HitTestBehavior.opaque,
                      onTap: () {
                      },
                      child: Container(
                        padding: EdgeInsets.only(top: 12),
                        height: 70,
                        color: Color(0xff4902a0),
                        child: Row(
                          children: <Widget>[
                            Container(
                              margin: EdgeInsets.only(bottom: 15),
                              child: Image.asset(
                                'assets/image/send_pic.png',
                                width: 50,
                                height: 50,
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 10),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    'Edit Profile',
                                    style: TextStyle(
                                      color: Color(0xffea9d53),
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                  Text(
                                    'Add/Edit info about yourself',
                                    style: TextStyle(
                                      color: Colors.white,
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                              child: Container(),
                            ),
                            Icon(
                              Icons.chevron_right,
                              color: Color(0xffea9d53),
                            ),
                          ],
                        ),
                      )),
                  const SizedBox(height: 2,),
                  GestureDetector(
                      behavior: HitTestBehavior.opaque,
                      onTap: () {
                      },
                      child: Container(
                        padding: EdgeInsets.only(top: 12),
                        height: 70,
                        color: Color(0xff4902a0),
                        child: Row(
                          children: <Widget>[
                            Container(
                              margin: EdgeInsets.only(bottom: 15),
                              child: Image.asset(
                                'assets/image/send_pic.png',
                                width: 50,
                                height: 50,
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 10),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    'My Stories',
                                    style: TextStyle(
                                      color: Color(0xffea9d53),
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                  Text(
                                    'See your shared stories',
                                    style: TextStyle(
                                      color: Colors.white,
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                              child: Container(),
                            ),
                            Icon(
                              Icons.chevron_right,
                              color: Color(0xffea9d53),
                            ),
                          ],
                        ),
                      )),
                  const SizedBox(height: 2,),
                  GestureDetector(
                      behavior: HitTestBehavior.opaque,
                      onTap: () {
                      },
                      child: Container(
                        padding: EdgeInsets.only(top: 12),
                        height: 70,
                        color: Color(0xff4902a0),
                        child: Row(
                          children: <Widget>[
                            Container(
                              margin: EdgeInsets.only(bottom: 15),
                              child: Image.asset(
                                'assets/image/send_pic.png',
                                width: 50,
                                height: 50,
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 10),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    'Application Settings',
                                    style: TextStyle(
                                      color: Color(0xffea9d53),
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                  Text(
                                    'Notifications,call preferences and more',
                                    style: TextStyle(
                                      color: Colors.white,
                                      fontSize: 18,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            Expanded(
                              child: Container(),
                            ),
                            Icon(
                              Icons.chevron_right,
                              color: Color(0xffea9d53),
                            ),
                          ],
                        ),
                      )),
                  const SizedBox(height: 15,),
                  GestureDetector(
                    behavior: HitTestBehavior.opaque,
                    onTap: (){
                    },
                    child: Container(
                      padding: EdgeInsets.only(top: 15,left: 170,right: 170),
                      height: 50,
                      color: Color(0xff4902a0),
                      child: Text(
                        'Contact Us',
                        style: TextStyle(
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                  const SizedBox(height: 2,),
                  GestureDetector(
                    behavior: HitTestBehavior.opaque,
                    onTap: (){
                    },
                    child: Container(
                      padding: EdgeInsets.only(top: 15,left: 183,right: 183),
                      height: 50,
                      color: Color(0xff4902a0),
                      child: Text(
                        'Review',
                        style: TextStyle(
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                  const SizedBox(height: 15,),
                  GestureDetector(
                    behavior: HitTestBehavior.opaque,
                    onTap: (){
                    },
                    child: Container(
                      padding: EdgeInsets.only(top: 15,left: 113,right: 113),
                      height: 50,
                      color: Color(0xff4902a0),
                      child: Text(
                        'Privacy Policy & Terms of Use',
                        style: TextStyle(
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                  const SizedBox(height: 15,),
                  Text(
                      'HOLA',
                    style: TextStyle(
                      fontSize: 30,
                      color: Color(0xff4902a0),
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                  const SizedBox(height: 5,),
                  Text(
                    'version',
                    style: TextStyle(
                      color: Color(0xffea9d53),
                      fontSize: 13,
                    ),
                  ),
                  const SizedBox(height: 15,),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}